@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
i{font-style:normal}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:auto;zoom:1;overflow-y:scroll;/* overflow:-moz-scrollbars-vertical; */}
body{color:#3d3d3d;font-size:14px;line-height:24px;font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
a{color:#3d3d3d;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#FF3F01;text-decoration:none;}:focus{outline:none;}
/* all */
.content{width: 1200px; margin: 0 auto; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mt20{margin-top:20px;}
.pa{position:absolute;}
.pr{position:relative;}
.none{display:none;}
.f_pr{position:relative;}
.f_fw{font-family:"Microsoft Yahei"}
/* -- 搜索 -- */

.sou{ height:54px; overflow:hidden; width:1200px; margin:0 auto; border: #f00 px solid; }
.s_inp01{ padding:14px 0 0 0px; margin-right:25px;}
.inp01{ width:211px; height:25px; line-height:25px; background:#e5e5e5;border:0 ; color:#666; font-size:12px; padding-left:10px;}
.inp02{ background:#337fc0; width:38px; height:25px; margin-left:8px; border:0; color:#fff; cursor:pointer;}
.sou p{ width:630px; border: #f00 px solid;font:12px "黑体"; color:#454545; height:54px; line-height:54px;}
.sou p a{color:#454545; padding:0 8px;}

/* -- 页面整体布局 -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }
.left { width:228px; float:left; overflow:hidden;}
.left2 { width:900px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:950px; float:right; display:inline; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:950px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:900px;  padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/

.topWrap{height:230px; overflow:hidden;}
.top { background:#FAFAFA; height:39px; border-bottom:#dfdfdf 1px solid;}
.top h4{ font:12px "微软雅黑"; line-height:39px; overflow:hidden; height:39px; color:#848484;}
.top h4 span{ color:#848484;}
.top h4 span a{ color:#848484; display:inline-block; padding:0 8px;}
.header .nr{ height:122px; margin-top:24px; overflow:hidden;}
.header .nr h2{ width:270px; float:left; overflow:hidden;}
.header .nr h2 img{ width:203px; height:96px;}
.header .nr h3{ width:380px; height:80px; margin-left:-30px; margin-top:16px; float:left; overflow:hidden; color:#337fc0; border:px #f00 solid;}
.header .nr h3 img{ display:block;}
.header .nr h3 em{ display:block; width:370px; height:26px; border-top:px solid #b6b6b6; border-bottom:px solid #b6b6b6; font:18px "微软雅黑"; text-align: left; line-height:36px; color:#f43922; margin:3px auto 0; letter-spacing:2px;}
.header .nr p{ width:230px; margin-left:0px;border:px solid #f00; background:url(../images/lx.png) no-repeat left 2px; padding-left:60px; font:36px Arial, Helvetica, sans-serif; font-weight:bold; color:#337fc0; margin-top:20px; float:right;}
.header .nr p em{ display:block; font:14px "微软雅黑"; color:#000;}
.h_nav{height:58px; overflow:hidden; background:#337fc0;}
.h_nav li { float:left; height:58px; overflow:hidden; border-right:#5099d7 1px solid;}
.h_nav li a{ display:inline-block; font:15px "微软雅黑"; color:#fff; line-height:58px; height:58px; padding:0 24px; font-weight:bold;}
.h_nav li a:hover , .h_nav .cur a { text-decoration:none; color:#fff; background:#f43922;}
.h_nav .nones{ background:none;}
.h_nav li.list{ background:none;}
/*头部结束*/

/*底部开始*/

.footWrap{ background:#337FC0; height:254px; padding-top:6px;}
.fnav{ width:960px; margin:0 auto;height:46px; line-height:46px;color:#fff; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.fnav a{ color:#fff; padding:0 25px; display:inline-block;}
.f_pic{  width:363px; height:96px; margin:42px 0 0 0;}
.f_pic img{width:203px; height:96px;}
.f_wz{ line-height:26px; color:#fff; font-size:14px; padding:24px 0 0 0; width:635px; font-family:"微软雅黑"; overflow:hidden;}
.f_wz a{ color:#fff;}
.f_wz em{display:inline-block; padding:0 10px;}
.code{ width:108px; overflow:hidden; margin-top:40px; margin-right:60px;}
.code img{ width:108px; height:108px;}
.code em{ display:block; font:12px "微软雅黑"; text-align:center; color:#fff;}

/*浮动客服开始*/
.kf {
  position:fixed;
  z-index:888;
  right:0;
  width:70px;
  height:198px;
  top:60%;
  text-align: center;
}
.kf i {
  line-height: 65px;
  height: 65px;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.kf ul li {
  float:left;
  position:relative;
  width:100%;
  height:65px;
}
.kf ul li:nth-child(1) {
  border-bottom:1px #01316c solid;
}
.kf ul li:nth-child(2) {
  border-bottom:1px #01316c solid;
}
.kf ul li:nth-child(3) {
  border-bottom:1px #01316c solid;
}
.kf ul li a {
  background-color:#1857A4;
  -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
  box-shadow:0 15px 30px rgba(0,0,0,0.1);
  display:block;
  width:100%;
  height:65px;
  margin-bottom: 10px;
  background-position:center;
  background-repeat:no-repeat;
}
.kf ul li:hover a {
  background-color:#1857A4;
}
.kf ul li .tel {
  display:none;
  position:absolute;
  right:70px;
  width:190px;
  height:144px;
  top:0;
  text-align: left;
}
.kf ul li .tel dl {
  float:left;
  width:190px;
  color: #fff;
  padding: 0;
  text-indent:10px;
  font-size: 20px;
  background: #1857A4;
}
.kf ul li .tel dl
.kf ul li .tel dl dd {
  float:left;
  width:100%;
  display:block;
  height:50px;
  line-height:50px;
  color: #fff;
}
.kf ul li .tel i {
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.kf ul li:hover .tel {
  display:block;
}
.kf ul li .wx {
  display:none;
  position:absolute;
  right:75px;
  width:95px;
  height:95px;
  top:-15px;
  text-align: left;
}
.kf ul li .wx img {
  border:2px solid #fff;
  width: 95px;
  height: 95px;
}
.kf ul li:hover .wx {
  display:block;
}
/*浮动客服结束*/

/*图标抖动*/
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}